.panel {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 24px;
  padding: 24px;
}

.sidebar {
  position: sticky;
  top: 88px;
  height: fit-content;
}

.addCard {
  margin-bottom: 16px;
}

.titleCard {
  margin-bottom: 16px;
}

.mainArea {
  min-height: 500px;
}

.empty {
  padding: 100px 0;
}

.questionCard {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
}

.questionCard:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

@media (max-width: 1200px) {
  .panel {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
  }
}

